@import '@/assets/css/global-style.scss';
.box_login {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba($color: #000000, $alpha: 0.06);
  backdrop-filter: blur(2px);
  z-index: 10;
}

.login {
  @include set-location(position, 'center');
  height: 39.375rem;
  width: 28.5625rem;
  background-color: #fff;
  padding: 3.125rem;

  .title {
    @include set-location(display, 'center');
    height: 6.25rem;
    font-size: 1.125rem;
  }

  .logo {
    @include set-location(display, vertication);

    img {
      height: 3.75rem;
      width: 3.75rem;
      border-radius: 50%;
    }
  }

  .input_box:nth-child(1) {
    margin-top: 1.25rem;
  }

  .input_box {
    input {
      width: 100%;
      height: 1.875rem;
      margin-bottom: 1.5625rem;
      padding: 0 0.625rem;
      border: 0.0625rem solid #e0e0e0;
      // outline: 0;
      outline-style: none;
      border-radius: 0.3125rem;
      caret-color: #3494fc;
    }
    input:focus {
      border-color: #3494fc;
      outline: 0;
    }
  }
  .forget:hover {
    color: #fd344f;
  }

  .box_btn {
    @include set-location(display, 'center');
    margin: 0.625rem 0;
  }

  .btn_login {
    @include set-location(display, 'center');
    border: 0;
    cursor: pointer;
    height: 2.1875rem;
    width: 5rem;
    color: #fff;
    border-radius: 0.3125rem;
    background-color: #3494fc;
  }

  .qq {
    cursor: pointer;
    width: 2.1875rem;
    height: 2.1875rem;
  }
}
